<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Maria Candiolli &middot; Serviços contábeis</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">
	
	<!-- Le styles -->
	<link href="assets/css/bootstrap.css" rel="stylesheet">
	<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
	<link href="assets/css/site.css" rel="stylesheet">
	
	<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
			  <script src="assets/js/html5shiv.js"></script>
			<![endif]-->
	
	<!-- Fav and touch icons -->
	<link rel="apple-touch-icon-precomposed" sizes="144x144"
		href="assets/ico/apple-touch-icon-144-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="114x114"
		href="assets/ico/apple-touch-icon-114-precomposed.png">
	<link rel="apple-touch-icon-precomposed" sizes="72x72"
		href="assets/ico/apple-touch-icon-72-precomposed.png">
	<link rel="apple-touch-icon-precomposed"
		href="assets/ico/apple-touch-icon-57-precomposed.png">
	<link rel="shortcut icon" href="assets/ico/favicon.png">
</head>
<body>

	<div class="navbar-wrapper">
		<div class="container">

			<div class="navbar navbar-inverse">
				<div class="navbar-inner">
					<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
					<button type="button" class="btn btn-navbar" data-toggle="collapse"
						data-target=".nav-collapse">
						<span class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<a class="brand" href="#" >
<!-- 						<img alt="" src="assets/img/cont.png" height="14px" width="25px" > -->
						Maria Candiolli &middot; Serviços Contábeis
					</a>

					<div class="nav-collapse collapse">
						<ul class="nav">
							<li><a onclick="$('html, body').animate({scrollTop: $('#sobrenos').offset().top}, 2000);">Sobre nós</a></li>
							<li><a href="#">Tabelas práticas</a></li>
							<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown">Serviços <b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a href="#">Abertura de empresa</a></li>
									<li><a href="#">Baixa e regularização de empresas</a></li>
									<li><a href="#">Acessoria contábil</a></li>
									<li><a href="#">Acessoria fiscal</a></li>
									<li><a href="#">Escrituração contábil</a></li>
									<li><a href="#" onclick="$('html, body').animate({scrollTop: $('#servicos').offset().top}, 2000);">mais...</a></li>
									<li class="divider"></li>
									<li class="nav-header">Nav header</li>
									<li><a href="#">Outros</a></li>
								</ul></li>
							<li><a onclick="$('html, body').animate({scrollTop: $('#contact').offset().top}, 2000);">Contato</a></li>
							<li><a href="blog.html">Blog</a></li>
						</ul>
						
						<a role="button" class="btn btn-info" data-toggle="popover" style=" float: right;margin-top: 10px;" onclick="abrirPopupLogin()">Área do cliente</a>
						
<!-- 						<div id="popupLogin" class="popover fade bottom in" data-animation="true" style="top: 69px; left: 372px; display: block;"> -->
<!-- 							<div class="arrow"></div> -->
<!-- 							<h3 class="popover-title">Please sign in</h3> -->
<!-- 							<div class="popover-content">Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</div> -->
							
<!-- 							<form class="form-signin"> -->
<!-- 						        <input type="text" class="input-block-level" placeholder="Email address"> -->
<!-- 						        <input type="password" class="input-block-level" placeholder="Password"> -->
<!-- 						        <label class="checkbox"> -->
<!-- 						          <input type="checkbox" value="remember-me"> Remember me -->
<!-- 						        </label> -->
<!-- 						        <button class="btn btn-large btn-primary" type="submit">Sign in</button> -->
<!-- 						      </form> -->
<!-- 						</div> -->
					</div>
				</div>
			</div>

		</div>
	</div>

	<div id="myCarousel" class="carousel slide">
		<div class="carousel-inner">
			<div class="item active">
				<img src="assets/img/examples/slide-01.jpg" alt="">
				<div class="container">
					<div class="carousel-caption">
						<h1>Example headline.</h1>
						<p class="lead">Cras justo odio, dapibus ac facilisis in,
							egestas eget quam. Donec id elit non mi porta gravida at eget
							metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
						<a class="btn btn-large btn-primary" href="#">Sign up today</a>
					</div>
				</div>
			</div>
			<div class="item">
				<img src="assets/img/examples/slide-02.jpg" alt="">
				<div class="container">
					<div class="carousel-caption">
						<h1>Another example headline.</h1>
						<p class="lead">Cras justo odio, dapibus ac facilisis in,
							egestas eget quam. Donec id elit non mi porta gravida at eget
							metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
						<a class="btn btn-large btn-primary" href="#">Learn more</a>
					</div>
				</div>
			</div>
			<div class="item">
				<img src="assets/img/examples/slide-03.jpg" alt="">
				<div class="container">
					<div class="carousel-caption">
						<h1>One more for good measure.</h1>
						<p class="lead">Cras justo odio, dapibus ac facilisis in,
							egestas eget quam. Donec id elit non mi porta gravida at eget
							metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
						<a class="btn btn-large btn-primary" href="#">Browse gallery</a>
					</div>
				</div>
			</div>
		</div>
		<a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
		<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
	</div>

	<div class="container marketing">
		
		<div class="row">
			<div class="span4">
				<img class="img-circle" data-src="holder.js/140x140" src="assets/img/icon-open.png" style="width:140px; height:140px">
				<h2>Abrir sua empresa</h2>
				<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis
					euismod. Nullam id dolor id nibh ultricies vehicula ut id elit.
					Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
					Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
				<p>
					<a class="btn" href="#">View details &raquo;</a>
				</p>
			</div>

			<div class="span4">
				<img class="img-circle" data-src="holder.js/140x140" src="assets/img/icon-control.png" style="width:140px; height:140px">
				<h2>Acessoria contábil</h2>
				<p>Duis mollis, est non commodo luctus, nisi erat porttitor
					ligula, eget lacinia odio sem nec elit. Cras mattis consectetur
					purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo,
					tortor mauris condimentum nibh, ut fermentum massa justo sit amet
					risus.</p>
				<p>
					<a class="btn" href="#">View details &raquo;</a>
				</p>
			</div>

			<div class="span4">
				<img class="img-circle" data-src="holder.js/140x140" src="assets/img/icon-leão.png" style="width:140px; height:140px">
				<h2>Imposto de renda</h2>
				<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in,
					egestas eget quam. Vestibulum id ligula porta felis euismod semper.
					Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum
					nibh, ut fermentum massa justo sit amet risus.</p>
				<p>
					<a class="btn" href="#">View details &raquo;</a>
				</p>
			</div>
			
		</div>
		
		<hr class="featurette-divider">
		
		<section id="sobrenos">
			<div class="bloco-90">
				<h2 class="form-signin-heading text-left">Sobre nós</h2>
				
				<div class="view">
					<p contenteditable="true" class="text-info text-left">
						Lorem ipsum dolor sit amet, <strong>consectetur adipiscing
							elit</strong>. Aliquam eget sapien sapien. Curabitur in metus urna. In hac
						habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum
						velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor.
						Sed iaculis posuere diam ut cursus. <em>Morbi commodo sodales
							nisi id sodales. Proin consectetur, nisi id commodo imperdiet,
							metus nunc consequat lectus, id bibendum diam velit et dui.</em> Proin
						massa magna, vulputate nec bibendum nec, posuere nec lacus. <small>Aliquam
							mi erat, aliquam vel luctus eu, pharetra quis elit. Nulla euismod
							ultrices massa, et feugiat ipsum consequat eu.</small>
							Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,
							Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet
							Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,
							Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet
							Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,
							Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet
					</p>
				</div>
			</div>
		</section>
				
		<hr class="featurette-divider">
		
		<section id="contact">
			<div class="bloco-90">
	
				<div class="view" style="float:right;">
					
					<div class="view">
						<address contenteditable="true" style="text-align:right;">
							<strong>Maria Teni dos Santos Candiolli</strong><br>
							<strong>Serviços contábeis</strong><br>
							R. seilaonome, 333,<br>
							Bairro talecoisa, Porto Alegre, RS<br>
							
							<a target="_blank" href="https://maps.google.com"  >
								<small>Ver mapa</small>
							</a>
						</address>
						
						<p contenteditable="true" class="text-info text-right" style="font-size: 20px">
							Telefone:
						</p>
						<p contenteditable="true" class="text-info text-right">
							+55 51 <strong style="font-size:20px"> 3555 5555 </strong>
							<br>
							<br>
							+55 51 <strong style="font-size:20px">3555 5555</strong>
						</p>
						<br>
						<br>
					</div>
					
				</div>
				
				<h2 class="form-signin-heading text-left">Contato</h2>				
				<form class="form-signin" style="width:60%">
					<input type="text" class="input-block-level" placeholder="Nome"> 
					<input type="password" class="input-block-level" placeholder="Email">
					<textarea id="textMensagem" class="input-block-level" placeholder="Mensagem"></textarea>
					
					<button class="btn btn-large btn-primary" type="submit">Enviar</button>
				</form>
				<br>
				<br>
			</div>
			
		</section>
		
		<hr class="featurette-divider">
		
		<section id="servicos">
			<div class="bloco-90">
				<h2 class="form-signin-heading text-left">Serviços</h2>
				
				<div class="view" >
					<ul class="">
					
						<li>Abertura de empresa</li>
						<li>Baixa e regularização de empresas</li>
						<li>Acessoria contábil</li>
						<li>Acessoria fiscal</li>
						<li>Escrituração contábil</li>
						<!--<li>Trabalhistas</li>
						<ul>
							<li>Registro de funcionários;</li>
							<li>Registro de manutenção de livros de empregados;</li>
							<li>Rescisão contratual;</li>
						</ul>
						<li>Contabilidade / Fiscal</li>
						<ul>
							<li>Classificação de documentos;</li>
							<li>Lançamento de documentos;</li>
							<li>Elaboração de balanço e balancete;</li>
						</ul>
						<li>Constituição de empresa</li>	
						<ul>
							<li>IPTU do endereço onde vai funcionar o estabelecimento (Para verificação se o imovel está liberado para tal finalidade). Para guia azul informar com quantos funcionarios vão trabalhar, qual metragem que vai ser ocupada, se reside no local e se a atividade é no pavimento térreo;</li>
							<li>Nome Comercial (Para pesquisa na Junta Comercial);</li>
							<li>Ramo de Atividade ( Descrever o mais completo possível);</li>
							<li>Nome Fantasia;</li>
						</ul>-->
					</ul>
				</div>
			</div>
		</section>
		
		<hr class="featurette-divider">

		<footer>
			<p class="pull-right">
				<a href="#">Voltar ao topo</a>
			</p>
			<p>
				&copy; 2013 Company, Inc. &middot; <a href="#">Privacy</a> &middot;
				<a href="#">Terms</a>
			</p>
		</footer>

	</div>

	<script src="assets/js/jquery.js"></script>
	<script src="assets/js/bootstrap-transition.js"></script>
	<script src="assets/js/bootstrap-alert.js"></script>
	<script src="assets/js/bootstrap-modal.js"></script>
	<script src="assets/js/bootstrap-dropdown.js"></script>
	<script src="assets/js/bootstrap-scrollspy.js"></script>
	<script src="assets/js/bootstrap-tab.js"></script>
	<script src="assets/js/bootstrap-tooltip.js"></script>
	<script src="assets/js/bootstrap-popover.js"></script>
	<script src="assets/js/bootstrap-button.js"></script>
	<script src="assets/js/bootstrap-collapse.js"></script>
	<script src="assets/js/bootstrap-carousel.js"></script>
	<script src="assets/js/bootstrap-typeahead.js"></script>
	<script>
		  !function ($) {
			$(function(){
			  // carousel demo
			  $('#myCarousel').carousel();
			  //$('#popupLogin').popover('hide');
				
				$(".pull-right").click(function(){
					$("html, body").animate({scrollTop: $("body").offset().top}, 2000);
				});
			})
		  }(window.jQuery)
		  
		  function abrirPopupLogin(){
			  $('#popupLogin').popover('show');
		  }
		</script>
	<script src="assets/js/holder/holder.js"></script>
</body>
</html>
